---
type: tutorial
unitTitle: Crea e distribuisci il tuo primo sito Astro
title: 'Verifica: Unità 1 - Configurazione'
description: >-
  Tutorial: Crea il tuo primo blog Astro —

  Prepara il tuo ambiente di sviluppo e crea e distribuisci il tuo primo sito
  Astro
i18nReady: true
---
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import { Steps } from '@astrojs/starlight/components';

Ora che sai cosa costruirai, è il momento di configurare tutti gli strumenti di cui avrai bisogno!

Questa unità ti mostra come configurare il tuo ambiente di sviluppo e distribuire su Netlify. Passa all'[Unità 2](/it/tutorial/2-pages/) se hai già familiarità con il tuo ambiente e il tuo flusso di lavoro.

:::tip[Segui il tutorial in un editor di codice online]

Vuoi completare questo tutorial in un editor di codice online invece? Segui le istruzioni seguenti per iniziare su Google IDX.

<details>
<summary>Utilizzo di Google IDX: Segui queste istruzioni, quindi vai direttamente all'Unità 2!</summary>

**Configura IDX**

<Steps>
1. Segui il link esterno per [aprire il template "Progetto Vuoto" in un nuovo workspace su IDX](https://astro.new/minimal?on=idx).

2. Segui il prompt per accedere al tuo account Google se non hai già effettuato l'accesso.

3. Inserisci un nome per il tuo progetto se vuoi cambiarlo da "Progetto Vuoto" predefinito. Clicca **Crea**.

4. Attendi che il workspace venga creato. Questo potrebbe richiedere 30-60 secondi. Se tutto va bene, vedrai il progetto Astro caricato in un editor di codice online.

5. Attendi che IDX esegua due script: uno per installare Astro e un altro per avviare il server di sviluppo. Nota che potresti vedere brevemente un messaggio che indica che il tuo workspace "non è riuscito a trovare Astro" se il tuo workspace si carica prima che Astro abbia terminato l'installazione. Questo messaggio può essere ignorato e annullato se non si cancella da solo.
</Steps>

**Apporta una Modifica**

Se tutto va bene, dovresti vedere il codice per il file `src/pages/index.astro` aperto in split screen con un'anteprima live del sito web. Segui le istruzioni per ["Scrivi la tua prima riga di Astro"](/it/tutorial/1-setup/3/) per apportare una modifica a questo file.

**Crea un Repository GitHub**

<Steps>
1. Naviga all'elemento di navigazione "Controllo del codice sorgente" nella barra del menu verticale, o apri con <kbd>CTRL + SHIFT + G</kbd>.

2. Seleziona l'opzione per Pubblicare su GitHub. Questo creerà un nuovo repository nel tuo account GitHub.
3. Segui i prompt per accedere al tuo account GitHub.
4. Una volta effettuato l'accesso, torna alla scheda IDX e ti verrà data la possibilità di nominare il tuo nuovo repository e se desideri creare un repository privato o pubblico. Puoi scegliere qualsiasi nome e qualsiasi tipo di repository per questo tutorial.
5. IDX eseguirà un commit iniziale e pubblicherà nel tuo nuovo repository GitHub.
6. In futuro, ogni volta che avrai modifiche da committare su GitHub, l'icona di navigazione Controllo del codice sorgente mostrerà un numero. Questo è il numero di file che sono stati modificati dal tuo ultimo commit. Navigando in questa scheda ed eseguendo due passaggi (commit e pubblicazione) ti permetterà di inserire un messaggio di commit e aggiornare il tuo repository.
</Steps>

**Distribuisci il tuo Sito**

Se desideri distribuire su Netlify e avere una versione pubblicata live del tuo sito mentre lavori, vai avanti nell'Unità 1 per [Distribuire il tuo sito sul web](/it/tutorial/1-setup/5/).

Altrimenti, passa all'[Unità 2](/it/tutorial/2-pages/) per iniziare a costruire con Astro!

</details>

{/* Istruzioni StackBlitz
<details>
<summary>Utilizzo di StackBlitz: Segui queste istruzioni, quindi vai direttamente all'Unità 2!</summary>

**Configura StackBlitz**

<Steps>
1. Segui il link esterno per [aprire il template "Progetto Vuoto" su StackBlitz](https://astro.new/minimal?on=stackblitz).

2. Clicca "Sign in" in alto a destra per accedere utilizzando le tue credenziali GitHub.

3. Nella parte superiore sinistra della finestra dell'editor di StackBlitz, clicca per "forkare" il template (salva nella dashboard del tuo account).

4. Attendi che il progetto si carichi e vedrai un'anteprima live dello starter "Progetto Vuoto".
</Steps>

**Apporta una Modifica**

Nel pannello dei file, dovresti vedere `src/pages/index.astro`. Clicca per aprirlo e segui [Scrivi la tua prima riga di Astro](/it/tutorial/1-setup/3/) per apportare una modifica a questo file.

**Crea un Repository GitHub**

<Steps>
1. Premi il pulsante <kbd>Connect Repository</kbd> in cima alla lista dei tuoi file, inserisci un nuovo nome per il tuo repository e clicca <kbd>Create repo & push</kbd>.

2. Quando hai modifiche da committare su GitHub, apparirà un pulsante "Commit" in alto a sinistra del tuo workspace. Cliccando su questo ti permetterà di inserire un messaggio di commit e aggiornare il tuo repository.
</Steps>

**Distribuisci il tuo Sito**

Se desideri distribuire su Netlify e avere una versione pubblicata live del tuo sito mentre lavori, vai avanti nell'Unità 1 per [Distribuire il tuo sito sul web](/it/tutorial/1-setup/5/).

Altrimenti, passa all'[Unità 2](/it/tutorial/2-pages/) per iniziare a costruire con Astro!

</details>
*/}
:::

## Dove stai andando?

In questa unità, **creerai un nuovo progetto** che è **archiviato online in GitHub** e **collegato a Netlify**.

Mentre scrivi codice, eseguirai periodicamente il commit delle tue modifiche su GitHub. Netlify utilizzerà i file nel tuo repository GitHub per costruire il tuo sito web, e poi lo pubblicherà su internet a un indirizzo univoco dove chiunque possa visualizzarlo.

Ogni volta che esegui il commit di una modifica su GitHub, verrà inviata una notifica a Netlify. Quindi, Netlify ricostruirà e ripubblicherà automaticamente il tuo sito live per riflettere tali modifiche.



<Box icon="check-list">
## Checklist

<Checklist>
- [ ] Sono pronto per preparare un ambiente di sviluppo per un progetto Astro!
</Checklist>
</Box>
